<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML xmlns:v="urn:schemas-microsoft-com:vml">
<HEAD>
<TITLE>Spark Test</TITLE>
<META http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<META NAME="Author" CONTENT=""/>
<META NAME="Keywords" CONTENT=""/>
<META NAME="Description" CONTENT=""/>
<LINK rel="Shortcut Icon" href="/siteIcon.ico"/>
<LINK rel="Bookmark" href="/siteIcon.ico"/>
<LINK href="spark.css" rel="stylesheet" type="text/css"/>
</HEAD>

<style type="text/css">
v\:* { Behavior: url(#default#VML) }

body				{background:#333;font:normal 11px Tahoma;color:#888}
.TestContainer		{font:normal 11px Tahoma;color:#aaa}
.TabSheet			{padding:10px}
input				{width:140px;height:20px;font-size:12px;font-size:tahoma;color:#aaa;background:#333;border-left:1px solid #202020;border-top:1px solid #202020;border-right:1px solid #707070;border-bottom:1px solid #707070;margin-right:2px}

</style>

<script type="text/javascript" language="javascript" src="../swat3.js"></script>
<script type="text/javascript" language="javascript" src="spark.common.js"></script>
<script type="text/javascript" language="javascript" src="TreeList.js"></script>
<script type="text/javascript" language="javascript" src="DatePicker.js"></script>
<script type="text/javascript" language="javascript" src="StackList.js"></script>
<script type="text/javascript" language="javascript" src="ColorPicker.js"></script>
<script type="text/javascript" language="javascript" src="Slider.js"></script>
<script type="text/javascript" language="javascript" src="StepButton.js"></script>
<script type="text/javascript" language="javascript" src="Group.js"></script>
<script type="text/javascript" language="javascript" src="TabGroup.js"></script>
<script type="text/javascript" language="javascript" src="ProgressBar.js"></script>
<script type="text/javascript" language="javascript" src="ComboBox.js"></script>
<script type="text/javascript" language="javascript" src="SlideBox.js"></script>

<script type="text/javascript" language="javascript">

var	DP_StackList =
{
	id:'SL1', width:'100%', height:'300px', autoCollapse:1,
	nodes:[
	{c:'系统管理', url:'layout.html', content:'eTreeList'},
	{c:'销售管理', url:'layout.html'},
	{c:'工具', url:'layout.html', content:'X'},
	{c:'Options', url:'layout.html'}]
}

var	DP_TreeList =
{
	id:'mn1', hotTrack:1, rowClick:1, expand:0,
	nodes:[
	{
		c:'系统管理', url:'layout.html',
			nodes:[
			{
				c:'参数设置', url:'', expand:0,
					nodes:[
					{c:'运行参数', url:'pages/evtParam.jsp' },
					{ c:'快捷键', url:'pages/rtError.jsp' }]
			},

			{c:'帐号管理', url:'pages/dataMgr.jsp?moduleName=account'}]
	},

	{c:'用户管理', url:'' },

    {c:'数据管理', url:'pages/dataMgr.jsp?moduleName=tvote_topic',
        nodes:[
            {c:'全部数据', url:''},
            {c:'投票数据', url:''},
            {c:'导入/导出', url:''}
        ]},

    {c:'数据分析', url:'',
        nodes:[
            {c:'投票分布', url:''},
            {c:'期间比较', url:''},
            {c:'趋势分布', url:''}
        ]},

	{
		c:'日志管理', url:'',
			nodes:
			[
                { c:'服务器日志', url:'' },
                { c:'登录日志', url:'' }
            ]
	}]
}

var DP_Combo =
[
'abcd','中华人民共和国','aslfks','China','C++','<BR>',
'abcd','中华人民共和国','aslfks','China','C++','<BR>',
'abcd','中华人民共和国','aslfks','China','C++','<BR>'
]

var g_stackList = null;
var g_dataPicker = null;
var g_treeList = null;
var g_colorPicker = null;
var g_slider = null;
var g_stepButton = null;
var g_group = null;
var g_tabGroup = null;
var g_progBar = null;
var g_progBar2 = null;
var g_combo = null;
var sbox = 0;

$.pageReady(function()
{
	g_progBar = new scumix.swat.spark.ProgressBar( 'eProgBar', {min:0,max:100,value:0,unsure:1} );
	g_progBar2 = new scumix.swat.spark.ProgressBar( 'eProgBar', {min:0,max:300,value:30,width:200} );

    g_stackList = new scumix.swat.spark.StackList( DP_StackList, 'eStackList' );

	g_treeList = new scumix.swat.spark.TreeList( DP_TreeList, 'eTreeList' );

	g_dataPicker = new scumix.swat.spark.DatePicker();

	g_colorPicker = new scumix.swat.spark.ColorPicker();
	g_colorPicker.onPick = function( s )
	{
		s.getTarget().style.backgroundColor=s.color;
	}

	g_sliderH = new scumix.swat.spark.Slider( 'eSlider', {dir:'H',width:200,min:0,max:255,value:0,step:5,showTip:true} );
	g_sliderH.onChange = function()
	{
		$('eSlider_text').setText(this.value);
	}
		new scumix.swat.spark.Slider( 'eSlider', {dir:'H',width:100,min:0,max:10,value:5,step:5} );
	g_sliderV = new scumix.swat.spark.Slider( 'eSlider', {dir:'v',width:100,min:0,max:64,value:32,step:5} );
	g_sliderV.onChange = function()
	{
		$('eSlider_text').setText(this.value);
	}

	/*g_treeList.onChange = function( p )
    {
        $E('eModuleTitle').innerHTML = p.text;
        if( p.url ) $E('eIFRMain').src = p.url ? p.url : 'splash.html';
    }*/

	g_tabGroup = new scumix.swat.spark.TabGroup('eTabGroup',{enableAnim:2});
	g_tabGroup.addTab( 'Picker', ['ePopup','eProgBar','eWaitBar'] );
	g_tabGroup.addTab( 'List', ['eComboBox','eComboBoxAbs'] );
	g_tabGroup.addTab( 'StackList', ['eStackList'] );
	g_tabGroup.addTab( 'Slider', ['eSlider'] );
	g_tabGroup.showTab(0);

	g_combo = new scumix.swat.spark.ComboBox('eComboBoxAbs',{data2:DP_Combo,enableAnim:0,showItemCount:15});
	for( var i=0;i<1;i++)
	{
	g_combo.addItem(i+'------');
	g_combo.addItem(DP_Combo);
	}
	g_combo.addItem('scum');

	g_combo = new scumix.swat.spark.ComboBox('eComboBox',{enableAnim:1,editable:0});
	for( var i=0;i<1;i++)
	{
		g_combo.addItem(i+'------');
		g_combo.addItem(DP_Combo);
	}
	g_combo.addItem('scum');

	/*sbox = new scumix.swat.spark.SlideBox('eSlideBox',
	{
		items:
		[
			{ pic:'1.jpg', url:'' },
			{ pic:'2.jpg', url:'' },
			{ pic:'3.jpg', url:'' },
			{ pic:'4.jpg', url:'' },
			{ pic:'5.jpg', url:'' }
		],

		onClick: function( S, url )
		{
			alert( url );
		}
	});*/
});

</script>

<BODY>
<a href="javascript:sbox.slide(-1)">prev</a>
<a href="javascript:sbox.slide()">next</a>

<div id="eSlideBox" style="border:1px solid #444;width:400px;height:100px;border:1px solid #c00"></div>

<div id="eProgBar" style="width:200px;height:100px;float:left;background:#222;left:150px;top:30px;position2:absolute" exDragable=1></div>
<div id="eComboBoxAbs" style="float:left;position:absolute" exDragable=1>Abs.ComboBox:</div>
<div id="eComboBox" style="float:left">ComboBox:</div>
<div id="eWaitBar" style="background:#300 url(assets/images/ProgressBar_Bkg.gif) no-repeat;width:188px;height:12px;float:left"></div>
<div id="eTabGroup" style="width:640px;height:400px;float:left" exSizable=1 exDragable=1></div>
<div id="eSlider" class="TestContainer" style="width:200px;height:100px">[滑动条] 值: <span id="eSlider_text"></span></div>
<div id="X" style="background:#230203;width:100;height:50px"></div>
<div id="eTreeList" style="background:#282828;width:100%;height:120px"></div>
<div id="eStackList" style="border:1px solid #444;width:200px;height:200px">
</div>

<div id="ePopup" class="TabSheet">
日期：<input type="text" id="edDate" onmousedown="g_dataPicker.show(this,0)"/>
<br>
颜色：<input type="text" id="edColor" onmousedown="g_colorPicker.show(this)"/>
</div>


<button onclick="g_combo.setValue('scum')">Func Test</button>

</BODY>
</HTML>
